
✦ Overview
This is a basic & practice case study for creating icons with grid & key-lines using Figma.

✦ Grids & Key-lines
- For our purpose of creating an icon, the standard 24X24 px grid is used.

- For the key-lines, circle, rectangle & square are used for different shapes of an icon and wrapped around in 20X20 px, lefts 4 px around for the touch area.

✦ Using Icons in different components
Here is an example of using the icons in some different components.


